import React from 'react'
import { Link } from 'react-router-dom'
import { Header, RouterView } from 'src/components'
import routerData from './routerData'
import './index.scss'

// 已完成
const Balance = () => {

    return <div className="page_balance">
        <Header title="我的余额" goBack></Header>
        <section className="content_container">
            <section className="content">
                <header className="content_header">
                    <span className="content_title_style">当前余额</span>
                    <section className="contetn_description">
                        <img src="/images/description.png" height="24" width="24" alt="" />
                        <Link to="/balance/detail" className="content_title_style">余额说明</Link>
                    </section>
                </header>
                <p className="content_num">
                    <span>0.00</span>
                    <span>元</span>
                </p>
                <div className="promit_button">提现</div>
            </section>
        </section>
        <p className="deal_detail">交易明细</p>
        <div className="no_log">
            <img src="/images/no-log.png" alt="" />
            <p>暂无明细记录</p>
        </div>
        <RouterView data={routerData} />
    </div>
}

export default Balance